<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>应用</title>
<link rel="stylesheet" type="text/css" href="global.css"/>
<link rel="stylesheet" type="text/css" href="app.css"/>
</head>
<body>
<div id="wrapper">
	<div class="tab">
		<ul>
			<li class="current"><a href="#">当前账单</a></li>
			<li><a href="#">历史账单</a></li>
			<li><a href="#">小组成员</a></li>
		</ul>
		<div class="bar">
			<label>关键字：</label>
			<em><input type="text" value="" class="input-text" id="keyword" name="keyword" /></em>
			<em><a onclick="return false;" href="javascript:void();" class="button-grey"><span>搜索</span></a></em>
			<em><a onclick="return false;" href="javascript:void(0);" class="button-green"><span>加关注</span></a></em>
		</div>
	</div>
	<div class="members">
		<ul>
			<li>
				<span><img width="50" height="50" alt="IAMSolar" src="http://tp2.sinaimg.cn/1647146165/50/1279883302/1" /></span>
				<span class="name">IAMSolar</span>				
	    	</li>
			<li>
				<span><img width="50" height="50" alt="IAMGorgin" src="http://tp2.sinaimg.cn/1660770633/50/5612962282/1" /></span>
				<span class="name">IAMGorgin</span>				
	    	</li>
	    	<li>	   			
   				<span><img width="50" height="50" alt="Hero壹個银" src="http://tp2.sinaimg.cn/1647194541/50/5609813959/1" /></span>
				<span class="name">Hero壹個银</span>				
	    	</li>
		</ul>
		<div class="clear"></div>
	</div>
	<br/>
	<table class="data-table">
		<thead>
			<tr>
				<th>ID</th>
				<th>日期</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>ID</td>
				<td>日期</td>
				<td>操作</td>
			</tr>
			<tr>
				<td>ID</td>
				<td>日期</td>
				<td>操作</td>
			</tr>
			<tr>
				<td>ID</td>
				<td>日期</td>
				<td>操作</td>
			</tr>
		</tbody>
	</table>
	<div class="pages">
		<ul>
			<li><a href="#">首 页</a></li>
			<li><a href="#">上一页</a></li>
			<li><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#" class="current">3</a></li>
			<li><a href="#">4</a></li>
			<li><a href="#">5</a></li>
			<li><a href="#">下一页</a></li>
			<li><a href="#">尾 页</a></li>
		</ul>
	</div>
	<div class="clear"></div>
</div>
</body>
</html>